@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,hr,p,
blockquote, 
dl,dt,dd,ul,ol,li, 
pre, 
form,fieldset,legend,button,input,textarea,
th,td, 
img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;}
em{ font-style:normal;}
ul,ol{ list-style: none;}
img{ border:0;}
table{ border-collapse:collapse; border-spacing:0;}


/* Link Style*/
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#BDA57A; text-decoration:none;}
a:active{ color:#BDA57A; text-decoration:none;}

/* Common style */
.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.head .content{ width:100%; margin:0; auto; zoom:1; }
.content{ width:1200px; margin:0 auto; zoom:1; }
.content img{max-width:100%}

.bg{ width:100%; padding:50px 0; float:left;}
.bg2{ width:100%; height:640px; background:url(../images/bg_01.png) center no-repeat; float:left;}
.bg3{ width:100%; height:420px; background:url(../images/bg_02.png) center no-repeat; float:left;}
.bd{ height:100%;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt80{ margin-top:80px;}
.mt100{ margin-top:100px;}
.ml20{ margin-left:20px;}
.mb30{ margin-bottom:30px;}

.f1{ color:#059dc1!important;}
.f2{ color:#fff!important;}


.banner_block{ width:100%; height:280px; background:url(../images/banner.png) no-repeat; float:left;}

/*首页*/
.head{ width:100%; float:left; background-color: #FFFFFF;}
.head .logo{ width:230px; height:96px; background:url(../images/logo.png) left no-repeat; float:left; margin-left: 40px;}
.head .nav{ float:right;}
.head .nav a{ color:#454545; font-size:16px; height:96px; line-height:96px; padding:0 30px; float:left;}
.head .nav a:hover{ color:#fff; background:#BDA57A; text-decoration:none;}
.head .active{color:#fff!important; background:#BDA57A; text-decoration:none;}
.banner{ width:100%; margin-top:0px; float:left; z-index:1;}
.banner .flexslider{position:relative;height:880px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:880px;}
.banner .slides li a{ width:100%; height:600px; float:left;}
.banner .flex-control-nav{position:absolute;bottom:20px; right:48%; z-index:2;}
.banner .flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 1px;*display:inline;zoom:1;}
.banner .flex-control-nav a{display:inline-block;width:20px;height:20px;line-height:60px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.banner .flex-control-nav .flex-active{background-position:0 0;}
.banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
.banner .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.banner .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.banner .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

@media screen and (max-width: 1510px) {
    .head .logo{ width:115px; height:96px; background:url(../images/logo.png) left no-repeat; float:left; margin-left: 10px; background-size: 115px 38px;}
    #nav {width: 87%; }
    #nav a {padding: 0 20px;}
}


.about_box{ color:#787878; font-size:16px; width:960px; line-height:32px; padding-left:240px; background:url(../images/img_01.png) left no-repeat; float:left;}

.box_1{ width:637px; height:356px; background:url(../images/bg_01_2.png) no-repeat; padding:0 29px 25px 0; margin:127px 0 0 280px; float:left; position:relative;}
.box_1 h2{ color:#450700; font-size:32px; width:100%; text-align:center; margin-top:30px; float:left;}
.box_1 span{ width:100px; height:4px; background:#450700; display:inline-block; margin-left:270px;}
.box_1 .text{ color:#583c39; font-size:16px; width:96%; height:160px; line-height:28px; text-align:center; padding:0 2%; margin-top:20px; float:left; overflow:hidden;}
.box_1 a{ color:#450700; font-size:16px; width:118px; height:38px; line-height:38px; text-align:center; border:1px solid #450700; position:absolute; top:290px; left:50%; margin-left:-50px;}
.box_1 a:hover{ color:#f7c906; background:#450700; text-decoration:none;}

.box_2{ width:590px; height:480px; padding-left:610px; background:#f8f8f8 url(../images/img_02.png)left no-repeat; float:left;}
.box_2 .text{ width:100%; padding:40px 50px; box-sizing:border-box; float:left;}
.box_2 .text h2{ color:#2885bb; font-size:32px; width:100%; float:left;}
.box_2 .text span{ width:100px; height:4px; background:#2885bb; margin:10px 0; float:left;}
.box_2 .text p{ color:#666; font-size:18px; width:100%; line-height:32px; float:left;}
.box_2 .text .t1{ width:100%; height:15px; background:url(../images/tittle_1.png) no-repeat; margin-top:60px; float:left;}
.box_2 .text ul{ width:100%; margin-top:50px; float:left;}
.box_2 .text li{ color:#666; font-size:16px; width:33%; text-align:center; padding-top:50px; float:left;}
.box_2 .text .i1{ background:url(../images/img_03.png) top no-repeat;}
.box_2 .text .i2{ background:url(../images/img_04.png) top no-repeat;}
.box_2 .text .i3{ background:url(../images/img_05.png) top no-repeat;}
.box_2 .text a{ color:#fff; font-size:16px; width:140px; height:50px; line-height:50px; text-align:center; background:#2885bb; margin-top:50px; float:left;}
.box_2 .text a:hover{ background:#1e6995; text-decoration:none;}

.title_1{ width:100%; text-align:center; float:left;}
.title_1 h2{ color:#f7c906; font-size:32px; width:100%; float:left;}
.title_1 h3{ color:#fff; font-size:32px; width:100%; float:left;}
.title_1 span{ width:100px; height:4px; background:#f7c906; display:inline-block;}

.newsList{ width:100%; float:left;}
.newsList li{ width:500px; margin:50px 50px 0 50px; float:left;}
.newsList li a{ color:#450700; font-size:20px; width:400px; height:40px; line-height:40px; font-weight:bold; float:left; }
.newsList li span{ color:#999; font-size:14px; width:100px; height:40px; line-height:40px; text-align:right; float:right;}
.newsList li .t1{ color:#666; font-size:16px; height:60px; line-height:30px; border-top:1px solid #ddd; margin-top:10px; padding-top:10px; float:left; overflow:hidden;}

.list_1{ width:100%; float:left;}
.list_1 li{ color:#fff; font-size:20px; color:#fff; width:420px; line-height:32px; margin:60px 0 0 100px; padding-left:80px; float:left;}
.list_1 .i1{ background:url(../images/img_06.png) left no-repeat;}
.list_1 .i2{ background:url(../images/img_07.png) left no-repeat;}
.list_1 .i3{ background:url(../images/img_08.png) left no-repeat;}
.list_1 .i4{ background:url(../images/img_09.png) left no-repeat;}

.foot{ width:100%; background:#333; float:left;}
.foot .logo{ width:200px; height:120px; background:url(../images/logo_foot.png) left no-repeat; float:left;}
.foot .r{ width:1000px; text-align:right; float:right;}
.foot .r .nav{ width:100%; margin-top:10px; float:right; }
.foot .r .nav a{ color:#ccc; font-size:16px; height:60px; line-height:60px; padding-left:40px; float:right; }
.foot .r p{ color:#999; font-size:12px; width:100%; float:right;}


.title_2{ width:100%; margin-top:80px; text-align:center; float:left;}
.title_2 h2{ color:#fff; font-size:32px; width:100%; text-align:center; font-weight:normal; float:left;}
.title_2 h3{ color:#fff; font-size:30px; width:100%; text-align:center; font-weight:normal; float:left;}
.title_2 span{ width:100px; height:5px; background:#f7c906; margin:10px 0; display:inline-block;}

.text_box{ color:#666; font-size:16px; width:100%; line-height:32px; float:left;}

.news_box{ width:100%; padding:25px 0; border-bottom:1px solid #ececec; float:left;}

.news_box img{ width:242px; height:148px; float:left;}
.news_box .text{ width:660px; margin-left:50px; float:left;}
.news_box .text span{ color:#000; font-size:16px; width:100%; height:26px; line-height:26px; float:left; overflow:hidden;}
.news_box .text p{ color:#666; font-size:14px; width:100%; height:48px; line-height:24px; margin-top:20px; float:left; overflow:hidden;}
.news_box .text a{ color:#333; font-size:14px; width:116px; height:26px; line-height:26px; border:1px solid #999; text-align:center; border-radius:20px; margin-top:20px; float:left;}
.news_box .text a:hover{ color:#fff; border:1px solid #1e7fb8; background:#1e7fb8; text-decoration:none; }

.news_box .time{ color:#fff; width:48px; height:86px; background:#ccc; margin-top:16px; padding:15px 12px; float:right;}
.news_box .time span{ width:100%; float:left;}
.news_box .time .t1{ font-size:45px; line-height:40px;}
.news_box .time .t2{ font-size:16px; line-height:30px;}
.news_box .time .t3{ font-size:22px; line-height:20px;}
.news_box:hover .time{ background:#1e7fb8;}

.pageList{ color:#666; font-size:14px; width:100%; height:32px; line-height:32px; margin:50px 0; text-align:center; float:left;}
.pageList a{ color:#666; font-size:14px; background:#f9f9f9; padding:0 15px; border:1px solid #ededed; margin:0 3px; display:inline-block;}
.pageList a:hover{ color:#fff; border:1px solid #1e7fb8; background:#1e7fb8; text-decoration:none; }
.pageList on a{ color:#fff; font-size:14px; background:#f9f9f9; padding:0 15px; border:1px solid #ededed; margin:0 3px; display:inline-block;}

.lx_box{ width:340px; height:190px; text-align:center; margin:50px 90px 50px 0; padding:50px 40px 0 40px; border:1px solid #e8e8e8; float:left; box-sizing:border-box; position:relative;}
.lx_box .i1{ width:79px; height:79px; background:url(../images/img_11.png) center no-repeat; border-radius:80px; position:absolute; left:50%; top:0px; margin:-40px 0 0 -40px;}
.lx_box .i2{ width:79px; height:79px; background:url(../images/img_12.png) center no-repeat; border-radius:80px; position:absolute; left:50%; top:0px; margin:-40px 0 0 -40px;}
.lx_box .i3{ width:79px; height:79px; background:url(../images/img_13.png) center no-repeat; border-radius:80px; position:absolute; left:50%; top:0px; margin:-40px 0 0 -40px;}
.lx_box h2{ color:#333; font-size:18px;}
.lx_box span{ color:#b3b3b3; font-size:14px;}
.lx_box p{ color:#666; font-size:16px; line-height:24px; width:100%; margin-top:10px; float:left;}
.mr0{ margin-right:0px;}

.youlian:nth-child(n+5){display: none;  }
.link{
    height: 130px; border-left: #E5E5E5 1px solid; border-right: #E5E5E5 1px solid;
    vertical-align: middle;
    text-align: center;
    width: 25%;
    margin-right:-1px;margin-left:-1px;float:left;

	
  }
  .link img{ vertical-align: middle;	padding: 40px 0;}
  
  .yqlj{
    /*清除select默认样式*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;

    border:1px solid #CCC;
    width:210px;
    height:35px;
    /*自定义箭头的样式，记得背景一定要加 白色或其他*/
    background:url("../images/jiantou.jpg") no-repeat scroll 95% 50% #fff;
    /*ie下,原默认的箭头样式还是会显示，所以这里把自定义的样式给去除了*/
    background:#fff\9;
    color:#666;
    padding:8px;
    outline:none;

    margin-top: 10px;
  }
.page {
    text-align: center;
    padding: 80px 0;
}
.page li {
    display: inline-block;
    margin: 0 3px;
}
.page li a {
    color: #222;
    font-size: 14px;
    display: block;
    border: 1px solid #cccccc;
    padding: 6px 10px;
    background: #fff;
    border-top-right-radius: 5px; 
border-top-left-radius: 5px; 
border-bottom-right-radius: 5px; 
border-bottom-left-radius: 5px; 
}
.page li a.active {
    background: #BDA57A;
    border: 1px solid #cccccc;
    color: #fff;
}
a{text-decoration:none;}

.box{width: 100%;overflow: hidden;position: relative;height:250px;}
.box-1 ul{}
.box-1 ul li{width: 100%;position: relative;overflow: hidden;height:250px;}
.box-1 ul li img{display:block;height:250px;    width: 360px;}
.box-1 ul li:hover img{ transform: scale(1.1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}

.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:250px;background: rgba(189,165,122,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 20px;height: 30px;
				top:50%; font-family: "宋体";line-height: 30px;font-size:30px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}




.o-m{width:1200px;margin:50px auto;padding-top:50px;    overflow: hidden;}
.o-m .ul-o{float:right;width:320px;position:relative;height:690px;background: url(../images/gold_xian.png) no-repeat left;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../images/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li p{line-height:68px;color:#333;font-size:18px;width:290px;padding-left:30px;font-weight:bold}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;background:url(../images/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background: url(../images/bg_hover.png) no-repeat;position:absolute;left:0;top:0;width:100%;height:68px;color:#eb6100;border-left: 3px solid #eb6100;}

.o-m .ul-o li.on b{display:block;}
.o-m .ul-o li.on p{color:#eb6100}

.o-m .ul-t{width:870px;float:left;overflow: hidden;}
.o-m .ul-t li{list-style-type:none;position:relative;display:none;}
.o-m .ul-t .li-top{padding:0 50px 0 0;}
.o-m .ul-t h5{color:#333;font-size:42px;line-height:1.5;font-weight:bold}
.o-m .ul-t .line{    width: 60px;
    height: 2px;
    background: #999;
    margin-top: 12px;
}
.o-m .ul-t .text{margin-top: 50px;}
.o-m .ul-t .text p{font-size: 16px;
    text-align: justify;
    color: #666;
    text-indent: 2em;
    line-height: 2em;
}
.gaikuang img:hover{ cursor: pointer; }
.xinwen img{max-width:1000px;}